<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<!DOCTYPE html>
<html lang="en">
<head>
    <base href="<%=basePath%>">
    <meta charset="utf-8"/>
    <title>课程页</title>
    <meta name="description" content="overview & stats"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <link href="static/css/bootstrap.min.css" rel="stylesheet"/>
    <link href="static/css/bootstrap-responsive.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="static/css/font-awesome.min.css"/>
    <link rel="stylesheet" href="static/css/ace.min.css"/>
    <link rel="stylesheet" href="static/css/ace-responsive.min.css"/>
    <link rel="stylesheet" href="static/css/ace-skins.min.css"/>
    <script type="text/javascript" src="static/js/jquery-1.7.2.js"></script>
    <!--提示框-->
    <script type="text/javascript" src="static/js/jquery.tips.js"></script>
</head>

<script type="text/javascript">
    $(function () {
        top.hangge();
    });

    //保存
    function save() {
        var name = $("#name").val();
        if (name == "") {
            $("#name").tips({
                side: 3,
                msg: '请输入名称',
                bg: '#AE81FF',
                time: 2
            });
            $("#name").focus();
            return false;
        }
        if ($("#index").val() == "") {
            $("#index").tips({
                side: 3,
                msg: '请输入顺序',
                bg: '#AE81FF',
                time: 2
            });
            $("#index").focus();
            return false;
        }
        if ($("#webUrl").val() == "") {
            $("#webUrl").tips({
                side: 3,
                msg: '请输入链接',
                bg: '#AE81FF',
                time: 2
            });
            $("#webUrl").focus();
            return false;
        }
        var regu = /^[0-9]+\.?[0-9]*$/;
        if ($("#originalPrice").val() == "") {
            $("#originalPrice").tips({
                side: 3,
                msg: '请输入原价',
                bg: '#AE81FF',
                time: 2
            });
            $("#originalPrice").focus();
            return false;
        }
        if (!regu.test($("#originalPrice").val())) {
            $("#originalPrice").tips({
                side: 3,
                msg: '请输入数字',
                bg: '#AE81FF',
                time: 2
            });
            $("#originalPrice").focus();
            return false;
        }
        if ($("#price").val() == "") {
            $("#price").tips({
                side: 3,
                msg: '请输入现价',
                bg: '#AE81FF',
                time: 2
            });
            $("#price").focus();
            return false;
        }
        if (!regu.test($("#price").val())) {
            $("#price").tips({
                side: 3,
                msg: '请输入数字',
                bg: '#AE81FF',
                time: 2
            });
            $("#price").focus();
            return false;
        }

        $.get("course/checkName",
            {"id": $("#id").val(), "name": name},
            function (data) {
                if (data.code == 200) {
                    $("#menuForm").submit();
                    $("#zhongxin").hide();
                    $("#zhongxin2").show();
                } else {
                    alert(data.msg);
                }
            });
    }

    //展示图片
    function showImg(obj, type) {
        if ($(obj).context.files) {
            if (type == 1) {
                document.getElementById("imgUrl").src = window.URL.createObjectURL($(obj).context.files[0]);
            }
        }
    }


</script>

<body>
<form action="course/edit" name="menuForm" id="menuForm" method="post" enctype="multipart/form-data">
    <input type="hidden" name="id" id="id" value="${course.id}">
    <div id="zhongxin" class="zhongxin-cla">
        <table>
            <tr>
                <td>
                    <font color='red'>*</font>
                    <span>课程名称：</span>
                    <input type="text" name="name" id="name" value="${course.name}" placeholder="模块名称"/>
                </td>
            </tr>
            <tr>
                <td>
                    <font color='red'>*</font>
                    <span>顺  序：</span>
                    <input type="number" name="index" id="index" value="${course.index}"/>
                </td>
            </tr>
            <tr>
                <td>
                    <font color='red'>*</font>
                    <span>图  片：</span>
                    <span>
							<input type="file" name="file" id="imgUrlFile" onchange="showImg(this, 1)">
							<img id="imgUrl" src="${course.imgUrl}" style="height: 100px;width: 100px">
							<p style="margin-left: 50px">图片尺寸：345*200，直角</p>
						</span>
                </td>
            </tr>
            <tr>
                <td>
                    <font color='red'>*</font>
                    <span>跳转链接：</span>
                    <input type="text" name="webUrl" id="webUrl" value="${course.webUrl}"/>
                </td>
            </tr>
            <tr>
                <td>
                    <font color='red'>*</font>
                    <span>原  价：</span>
                    <input type="text" name="originalPrice" id="originalPrice" value="${course.originalPrice}"/>
                </td>
            </tr>
            <tr>
                <td>
                    <font color='red'>*</font>
                    <span>现  价：</span>
                    <input type="text" name="price" id="price" value="${course.price}"/>
                </td>
            </tr>
            <tr>
                <td style="text-align: center; padding-top: 10px;">
                    <a class="btn btn-mini btn-primary" onclick="save();">保存</a>
                    <a class="btn btn-mini btn-danger" onclick="top.Dialog.close();">取消</a>
                </td>
            </tr>
        </table>
    </div>
    <div id="zhongxin2" class="center" style="display:none">
        <br/><br/><br/><img src="static/images/jiazai.gif"/><br/>
        <h4 class="lighter block green"></h4>
    </div>
</form>
</body>
</html>